<template>
  <div>
    <van-swipe class="my-swipe" :autoplay="6000" indicator-color="blue">
      <van-swipe-item><van-image :src="goods.apic1" /></van-swipe-item>
      <van-swipe-item><van-image :src="goods.apic2" /></van-swipe-item>
      <van-swipe-item><van-image :src="goods.apic3" /></van-swipe-item>
    </van-swipe>
  </div>
</template>
<script>
export default {
  data() {
    return {
      goodsId: this.$route.query.goodsId,
      goods:{
        'addr': "陕西省西安市临潼区",
        'aid': 1,
        'aname': "秦始皇帝陵博物院",
        'apic1': "http://r8uara5jv.hn-bkt.clouddn.com/%E5%85%B5%E9%A9%AC%E4%BF%91.jpeg",
        'apic2': "http://r8uara5jv.hn-bkt.clouddn.com/%E4%B8%80%E5%8F%B7%E5%9D%91.jpeg",
        'apic3': "http://r8uara5jv.hn-bkt.clouddn.com/317e08baa83d4f3b8130ffa1da954356.jpg",
        'count': 996,
        'desc': "世界八大奇迹之一",
        'detail': "秦始皇兵马俑可以说是西安旅游的名片了...",
        'grade': 5,
        'price': 150,
        'refreshTime': "2022-03-23 00:20",
        'status': "正常",
      }
    };
  },
  created: function () {
    this.$axios
      .get("getAreaInfo?aid=" + this.goodsId)
      .then((res) => {
        if (res.data.statusCode == 200) {
          this.goods = res.data.info;
        }
      })
      .catch((console) => {});
  },

  methods: {},
};
</script>

<style>
.my-swipe .van-swipe-item {
  color: #fff;
  text-align: center;
  background-color: #fbfcfd;
}
</style>